<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
<title>我要吐槽</title>
<meta charset="utf-8">
<link rel="icon" type="image/png" href="../staticFile/images/common/ico.png" sizes="32x32">
<link type="text/css" rel="stylesheet" href="../staticFile/css/common/common.css">
<link type="text/css" rel="stylesheet" href="../staticFile/css/common/select.css">
<link type="text/css" rel="stylesheet" href="../staticFile/css/ventPages/issueVent.css">
<script type="text/javascript" src="../staticFile/js/common/commonUtil.js"></script>
<script type="text/javascript" src="../staticFile/plugins/jquery/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="../staticFile/js/common/myHeader.js"></script>
<script type="text/javascript" src="../staticFile/js/common/getDictionaries.js"></script>
<script type="text/javascript" src="../staticFile/js/common/getCityByProvince.js"></script>
<script type="text/javascript" src="../staticFile/plugins/wangEditor.js"></script>
<script type="text/javascript" src="../staticFile/plugins/xss.min.js"></script>
<script type="text/javascript" src="../staticFile/js/ventPages/issueVent.js"></script>
</head>
<body>
<header>
    <span class="logo">
        <a class="logo-a" href="/">全民吐<img width="48" height="48" src="../staticFile/images/common/vent.png"/>槽</a>
    </span>
    <span class="vent-title">请填写吐槽内容</span>
    <ul>
        <li><a class="btn login no-login">登录</a></li>
        <li><a class="btn no-login" href="ventRegister.html">注册</a></li>
        <li class="myself">
            <img class="myself-header" alt="我的头像" width="48" height="48" src="../staticFile/images/index/maleHead.png"/>
        </li>
    </ul>
    <div class="hide-info myself-menu">
        <ul>
            <li><a href="myHome.html">我的主页</a></li>
            <li><a >我的吐槽</a></li>
            <!--<li><a>我的资料</a></li>-->
            <li><a onclick="logoutVent()">退出</a></li>
        </ul>
    </div>
</header>

<!-- 服务列表 -->
<div class="vent-info">
    <div class="choose-wrap">
        我是
        <div class="choose-container choose-province">
            <span id="showProvince">省份</span>
            <div class="select-icon">
                <span></span>
            </div>
            <div class="choose-list province-list">
                <div class="clear-fix"></div>
            </div>
        </div>
        省
        <div class="choose-container choose-city">
            <span id="showCity">城市</span>
            <div class="select-icon">
                <span></span>
            </div>
            <div class="choose-list city-list">
                <div id="listCity" class="clear-fix"></div>
            </div>
        </div>
        市的
        <div class="choose-container choose-job">
            <span id="showJob">职业</span>
            <div class="select-icon">
                <span></span>
            </div>
            <div class="choose-list job-list">
                <div id="occupationList" class="clear-fix"></div>
            </div>
        </div>
    </div>
    <div class="pco-tip">
        <label style="color: #e51400;">*</label>注：上面的省份、城市、职业是指吐槽事件发生时的信息
    </div>
    <div class="vf">
        要向<input id="ventTo" showList="ventToList" type="text" placeholder="请填写吐槽的对象/人/公司/行业">
        <div id="ventToList" class="vent-history"></div>
    </div>
    <div class="vf">
        吐槽<input id="ventName" showList="ventNameList" type="text" placeholder="标题，请简要概括吐槽的内容">
        <div id="ventNameList" class="vent-history"></div>
    </div>
    <div id="ventContent" class="vf"></div>
    <div id="errorMsg" class="error-msg"></div>
    <div class="ck-ra-btn">
        <span class="custom-control custom-checkbox">
            <input class="chk custom-control-input" type="checkbox" id="anonymousVent">
            <label for="anonymousVent" class="custom-control-label">匿名吐槽</label>
        </span>
        <span class="switch">
            <span>所有人可见</span>
            <input id="vStatus" class="cmn-toggle cmn-toggle-round" type="checkbox">
            <label for="vStatus"></label>
            <span>仅自己可见</span>
        </span>
        <button id="btnSubmitVent" class="btn">吐槽</button>
    </div>
    <div class="tip">注：1、小圆点滑向左边时为“所有人可见”，滑向右边时“仅自己可见”；<br>
    2、提交后将<span style="font-weight: bolder;color: #e51400;">不可修改</span>。</div>
</div>
</body>
</html>